$(function() {
    $('#link-reg').on('click', function() {
        // 让注册的盒子显示
        $('.reg-box').show()
            // 让登陆的盒子隐藏
        $('.login-box').hide()
    })
    $('#link-login').on('click', function() {
        // 让登录的盒子显示
        $('.login-box').show()
            // 让注册的盒子隐藏
        $('.reg-box').hide()
    })



    // 自定义校验规则
    layui.form.verify({
        uname: [/^[a-zA-Z0-9]{1,10}$/, '字母数字、长度 1-10'],
        upwd: [/^\S{6,15}$/, '非空字符串、长度 6-15'],
        // 判断两个密码是否一致
        repwd: function(value) {
            //  先获取第一次输入密码的值
            let res = $('.reg-box [name="password"]').val()
            if (value !== res) {
                return '两次密码不一致'
            }
        }
    });

    // 监听注册，提交给服务器
    $('.reg-box form').on('submit', function(e) {
        e.preventDefault();

        // 发送请求
        axios.post('/api/reg', $(this).serialize()).then(({ data: res }) => {
            if (res.code === 0) {
                // 显示注册成功的弹窗
                layer.msg('注册成功！');
                $('#link-login').click();
            } else {
                // 失败信息
                layer.msg(res.message);
            }
        })
    })

    //监听登录，提交给服务器
    $('.login-box form').on('submit', function(e) {
        e.preventDefault();
        // 向服务器发起请求
        axios.post('/api/login', $(this).serialize()).then(({ data: res }) => {

            if (res.code === 0) {
                // 登录成功
                layer.msg('登录成功！')
                    // 把token的值存到本地
                localStorage.setItem('tokens', res.token)
                    // 跳转到后台主页
                location.href = '/index.html'

            } else {
                layer.msg('登录失败！')
                    // 移除本地中的token
                localStorage.removeItem('tokens')

            }
        })
    })
















})